<template>
  <div style="margin: 0 auto" :class="{ isCheck: isCheck }">
    <a-tabs type="card" @change="tabsChange" class="tabs_style">
      <a-tab-pane v-for="item in tabs" :key="item.key" :tab="item.title">
        <component
          v-if="active == item.key"
          :is="`${item.key}`"
          :id="model.id"
          :stage="model.stage"
          :protype="model.type"
          :bsjdwName="model.bsjdwName"
          :bsjdw="model.bsjdw"
          :type="viewTypeId[item.value]"
          :proName="model.name"
        ></component>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
import gdbcxsjws from '../commView/gdbcxsjws/index'
import sjqz from '../commView/sjqz/index'
import sjdg from '../commView/sjdg/index'
import sjwt from '../commView/sjwt/index'
import gdxxqr from '../commView/gdxxqr/index'
import shjl from '../commView/shjl/index'
import viewTypeId from '../commView/public/typeId'
import { butStatus } from '../butStatus'

export default {
  name: 'contentView',
  components: {
    gdbcxsjws,
    sjqz,
    sjdg,
    sjwt,
    gdxxqr,
    shjl,
  },
  props: ['model'],
  mixins: [butStatus],
  data() {
    return {
      active: 'gdbcxsjws',
      viewTypeId: viewTypeId,
      disableSubmit: false,
      title: '',
      visible: true,
      isCheck: false,
      tabs: [
        { key: 'gdbcxsjws', title: '审计参考资料', value: '审计归档' },
        { key: 'sjqz', title: '审计取证', value: '审计归档' },
        { key: 'sjdg', title: '审计底稿', value: '审计归档' },
        { key: 'sjwt', title: '问题汇总', value: '审计归档' },
        { key: 'gdxxqr', title: '归档信息确认', value: '审计归档' },
        { key: 'shjl', title: '审核记录', value: '审计归档' },
      ],
    }
  },
  methods: {
    tabsChange(key) {
      this.active = key
      this.$emit('subActiveTab', key)
    },
  },
}
</script>

<style lang='less' scoped>
@import '~@assets/less/tableTheme.less';
@import '../../css/checkAndEdit.less';
</style>
